// 用户模块  自己搭建
// 因为token 或 cookie要保存在vuex 中 所以在这里发请求
import { login, getInfo, getBaseInfo } from '@/api/user'
import { setToken, getToken, removeToken, setTokenTime } from '@/utils/auth'
import { resetRouter } from '@/router'
const state = {
  token: getToken(),
  userInfo: {}
}
const mutations = {
  // 获取token
  getToken(state, payload) {
    state.token = payload
    setToken(payload)
    setTokenTime() // 存时间戳
  },
  // 获取用户基本信息
  getInfo(state, payload) {
    state.userInfo = payload
  },
  // 退出登录
  logout(state) {
    state.token = null // 清除vuex中的token
    removeToken() // 清除本地的token
    state.userInfo = {} // 清空用户信息
    resetRouter() // 重置路由规则
  }
}
const actions = {
  // 登录
  async login(context, userinfo) {
    const res = await login(userinfo)
    // 如果登录成功就保存token到vuex中
    // 登录成功将数据保存在state中
    context.commit('getToken', res)
  },
  // 获取用户信息
  async  getUserInfo(context) {
    const res = await getInfo() // 获取用户信息
    const baseInfo = await getBaseInfo(res.userId) // 获取用户的基本信息
    context.commit('getInfo', { ...res, ...baseInfo }) // 都保存在同一个对象中
    return res
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

